@CHARSET "UTF-8";/*qx*/
*{
	margin:0;
	padding:0;
	box-sizing: border-box;
}
html, body {
    font-family: "Helvetica Neue",Helvetica,STHeiTi,"Roboto Regular",Roboto,"Droid Sans","Microsoft Yahei",sans-serif;   
}
html{
	font-size: 62.5%;
	-ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
@media screen and (min-width: 360px) and (max-width: 374px) {
	html {
		font-size: 70.3%;
	}
}
@media screen and (min-width: 375px) and (max-width: 383px) {
	html {
		font-size: 73.24%;
	}
}
@media screen and (min-width: 384px) and (max-width: 399px) {
	html {
		font-size: 75%;
	}
}
@media screen and (min-width: 400px) and (max-width: 413px) {
	html {
		font-size: 78.125%;
	}
}
@media screen and (min-width: 414px) and (max-width: 431px) {
	html {
		font-size: 80.86%;
	}
}
@media screen and (min-width: 432px) and (max-width: 479px) {
	html {
		font-size: 84.375%;
	}
}
/*下面两个是针对android pad分辨率设置的，根据页面类型确定是否在pad中对页面进行放大，需要的话保留下面两个设置，如果不需要，去掉下面两行的设置并把上一行的(max-width:479px)去掉*/

@media screen and (min-width: 480px)and (max-width: 639px) {
	html {
		font-size: 93.75%;
	}
}
@media screen and (min-width: 640px){
	html {
		font-size: 125%;
	}
}
body{
	color:#fff;
	font-size:1.4rem;
    background:#101322;
}
a{
	text-decoration: none;
	color:#fff;
}
fieldset, img {
    border: 0 none;
}
ul{list-style:none;}
.f-oh{overflow:hidden;}
.f-toe{overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;}
.tc{text-align:center}
.tl{text-align:left}
.tr{text-align:right}
.fl{float:left}
.fr{float:right}
.clear{clear:both;height:0;font-size:0px;overflow:hidden;}
.clearfix:after{clear:both;content:"";display:block;height:0;visibility:hidden;}
.b-line{border-bottom:1px solid #555861;}
.none{display:none;}
.mb2{margin-bottom:2rem;}
.mt1{margin-top:1rem;}
.pad1{padding:1rem}
.pad2{padding:2rem}
.cl-up{color:#ff0101}
.cl-down{color:#91ff8f}
.center-middle{
   left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.tf-scl08{
	transform: scale(0.8);
	-moz-transform:scale(0.8);
	-webkit-transform:scale(0.8);
	-o-transform:scale(0.8);
}
.center-middle.fixed{
	position:fixed;
}
.top-banner{
	line-height:0;
}
.top-banner img{width:100%}
#message{
    background-color: #000;
    border: 10px none;
    border-radius: 5px;
    color: #fff;
    left: 5%;
    padding: 10px 0;
    position: fixed;
    text-align: center;
    top: 50%;
    width: 90%;
    z-index: 2000;
}
.dialog{
	width:80%;
	z-index: 10;
	background:#222842;
	padding:1rem;
}
.notice{	
	color:#fff;
	width:100%;
	position:fixed;
	bottom:0;
	max-height:100%;
	transform: translateY(100%);
    transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
    z-index: 11;
    overflow:auto;
}
.notice-bg{
	line-height:0;
}
.notice-bg img{
	width:100%;
}
.notice-wrapper{
	background:#46a8e5;
	overflow:auto;
}
.notice.toggle{
	transform: translate(0px);
}
#notic-pop-title{
	margin:1rem;
	font-size:1.6rem;
}
#notic-pop-content{
	padding:0 1rem 4.5rem 1rem;
}
.dialogCt .close{
	position:fixed;
	bottom:0;
	height:3.5rem;
    width:100%;
	z-index:12;
}
.dialogCt .close span{
	background:#26a1ee;
    padding:1rem;
    line-heigh:1.4rem;
    width:100%;
    color:#fff;
    display:inline-block;
	color:#fff;
}
.mask {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9;
}
.tabbar{
	text-align:center;
	color:#fff;
	position: fixed;
	background:#101322;
	bottom:0;
	border-top:1px solid #505672;
	width: 100%;
	display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display:flex;
   z-index: 10;
}
.tabbar_item{
	-webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1; 
	flex:1;
	display: block;
	color:#fff; 
    padding: 3px 0 2px;
    font-size:12px;
    font-weight: bold;
}
.tabbar_item span{
	display:inline-block;
	width:30px;
	height:27px;
	background-size: 160% auto;
}
.icon{
	background:url() no-repeat;
}
.tabbar_item .icon-index{
	background-position:3px -90px;
    
}
.tabbar_item .icon-user{
	background-position: 3px -149px;
    
}
.tabbar_item .icon-article{
	background-position: 3px -209px;
    
}
.tabbar_item .icon-orders{
	background-position: 3px -261px;
    
}
.tabbar_item.selected{
    background-color:#22283E
}
.tabbar_item.selected .icon-index{
	background-position: 3px -60px;
}
.tabbar_item.selected .icon-user{
	background-position: 3px -120px;
}
.tabbar_item.selected .icon-article{
	background-position: 3px -180px;
}
.tabbar_item.selected .icon-orders{
	background-position: 3px -237px;
}
.main{
	max-width:750px;
	margin:0 auto;
	overflow:auto;
}
.main.containFt{
	padding-bottom:60px;
}
.row{
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display:flex;
   text-align:center;
}
.col{
	-webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1; 
	flex:1;
}
ul.common-ul li{
	margin:1rem;
}
ul.h3-ul li{
	line-height:3rem;
}
.long-input{
	width:100%;
	background: transparent none repeat scroll 0 0;
    border-color: #565864;
    border-radius: 0;
    border-style: solid;
    border-width: 0 0 1px;
    color: #fff;
    font-size: 1.6rem;
    line-height: 2rem;
    vertical-align: middle;
    width: 100%;
}
/**article***/
.banner{
		line-height:0;
}
.banner img{
	width:100%;
}
.article-nav a{
	display:block;
	margin:10% 5%;
	line-height:4rem;
	border-radius:.4rem;
	background:#2a335c;
}
.article-nav a.selected{
	background:#007bc8;
}
.article-list{
	border-top:1px solid #505672;
	padding:0 1rem;
}
.article-list li{
	position: relative;
	font-size:1.1rem;
	height:7rem;
	border-bottom:1px solid #505672;
}
.article-list li:last-child{
	border:none;
}
.article-list li div:last-child{
	padding:.5rem 2rem 1rem 7.7rem;
}
.article-list .thumb-img{
	position:absolute;
	width:7rem;
	line-height:0;
	top:50%;
	-webkit-transform:translate(.2rem, -50%);
	transform: translate(.2rem, -50%);
}
.article-list img{
	width:7rem;
}
.article-list h2{
	line-height:2.9rem;
	font-size:1.4rem;
}
.detail-content{
	padding:2rem;
}

.detail-content .title {
	font-size: 1.6rem;
	color: #FFF;
	border-bottom: 1px solid #c7c7c7;
}
.detail-content .title h2{
   margin: 0 0 3rem;
   font-size:2rem;
}
.detail-content .title p{
   font-size:1.2rem;
   margin: 0 0 .5rem;
}
.detail-content .title span{
	margin-right:10px;
}
.detail-content .content{
	text-indent: 3rem;
	margin-bottom:2rem;
}
.detail-content .content p{
	margin:1.8rem 0;
	line-height:2.2rem;
}
/**article end*/
.index .header{
	line-height:3rem;
	background:#26a1ee;
}
.index .avatar{
	width: 2.5rem;
	height: 2.5rem;
	display:inline-block;
	border-radius: 50%;
	overflow: hidden;
    vertical-align: middle;
}
.index .avatar img{
	max-width:2.5rem;
}
.index .mid-nav,.user .mid-nav{
	background: #00619d;
	padding:1rem;
}
.mid-nav .icon{
	background-size: 4.5rem auto;
    display: inline-block;
    height: 1.8rem;
    vertical-align: middle;
    width: 3.4rem;
}
.icon-charge{
	background-position: 0 0.1rem;
}
.icon-coupon{
	background-position: 0 -1.9rem;
}
.icon-cash{
	background-position: 0.7rem -3.86rem;
}
.mid-nav .col:first-child {
	border-right: 1px solid #dbdbdb;
}
.index .trade-tab{
	padding:1rem 0;
	text-align: center;
}
.trade-tab .col a{
	display: block;
	font-size: 1.5em;
	margin: 0 0.2rem;
	line-height: 4rem;
	background-color: #29335c;
	border-radius: 0.3rem;
}
.trade-tab .col a.selected{
	background:#007bc8;
}
.trade-tab .col span{
	display: block;
	height: 1rem;
	margin: 0 0.2rem;
}
.trade-tab a.selected+span {
	border-bottom: 2px solid #007bc8;
}
#currentPrice.up {
color: #ff0101;
}
#currentPrice.down {
color: #29be26;
}
#currentPrice {
font-size: 2.5rem;
}
.trade-content{
    position: relative;
    margin:1rem 0;
    padding:1rem 0;
}
.swiper-container {
	width: 14rem;
	height:15rem;
	margin: 15px auto 0;
	overflow: hidden;

	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
}
.swiper-slide {
	border: 1px solid #bbb;
	border-radius: 5px;
	background: #828bb2;
	text-align: center;
	/* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
	-webkit-transition: 500ms;
	-moz-transition: 500ms;
	-ms-transition: 500ms;
	-o-transition: 500ms;
	transition: 500ms;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}
.swiper-slide-next,.swiper-slide-prev {
	-webkit-transform: scale(0.8) !important;
	-moz-transform: scale(0.8) !important;
	-ms-transform: scale(0.8) !important;
	-o-transform: scale(0.8)!important;
	transform: scale(0.8)!important;
}
.swiper-slide-active {
	position: relative;
	z-index: 20;
	box-shadow: 3px 0 3px rgba(171,171,171,.47);
	border: 1px solid #bbb;
	border-radius: 5px;
	background: #2a335c;
	text-align: center;
	-webkit-transform: scale(.95) !important;
	-moz-transform: scale(.95) !important;
	-ms-transform: scale(.95) !important;
	-o-transform: scale(.95) !important;
	transform: scale(.95) !important;
	margin-top: -5.1rem;
}
.swiper-slide-prev{
	margin-top: 5rem;
}
.swiper-slide-next {
    margin-top: -5.2rem;
}
.swiper-slide:nth-child(1).swiper-slide-active {
	margin-top: 0;
}
.swiper-slide p:nth-child(2){
	font-size:1.2rem;
	line-height:2.4rem;
}
.swiper-slide p:nth-child(2) span{
	font-size:1.6rem;
	margin-right:3px;
}
.swiper-handler{
	position:absolute;
	width:100%;
	z-index: 9;
}
.swiper-handler.top{
	top:0;
}
.swiper-handler a{
	display: block;
    height: 1.4rem;
    margin: auto;
    width: 3rem;
    background-size:auto 130% !important;;
}
.swiper-handler a.swiper-button-disabled{
	cursor: auto;
    opacity: 0.35;
    pointer-events: none;
   
}
.swiper-handler.top a{
	background:url(img/up.png) no-repeat center 0;
}
.swiper-handler.bottom a{
	background:url(img/down.png) no-repeat center bottom;
}
.swiper-handler.bottom{
	bottom:0;
}
.goods_trade_click{
	width:7rem;
	height:7rem;
	border-radius:50%;
	line-height:7rem;
	text-align:center;
	top:50%;
	-webkit-transform:translate(0, -50%);
	transform: translate(0, -50%);
	font-size:2rem;
    position: absolute;
}
.goods_trade_click.fl{
	left: 1rem;
	border:1px solid f6583d;
	background:#f6583d;
}
.goods_trade_click.fr{
	right: 1rem;
	border:1px solid #29be26;
	background:#29be26;
}
.chart img{
	width:100%;
}
.index .time{
	width:100%;
	border:1px solid #555861;
	border-width:1px 0;
}
.index .time a{
	line-height: 40px;
	font-size: 1.2rem;
	display: block;
	text-align:center;
}
.index .time a.selected{
	border:1px solid #555861;
	border-width:0 1px;
	background-color:#29335c;
}
.index .time td:first-child a.selected{
	border-width:0 1px 0 0;
}
.index .time td:last-child a.selected{
	border-width:0 0 0 1px;
}
.chart{
	height: 220px;
    width:95%;
    margin: 1rem auto;
}
.pop-login-head{
	margin: 1rem 0 2rem;
}
#pwd-box .link{
	margin:1rem;
}
/**index end */
.user .header{
	background:#26a1ee
}
.user .avatar {
    border-radius: 50%;
    height: 2.5rem;
    margin: 0 auto;
    overflow: hidden;
    width: 2.5rem;
    vertical-align: middle;
    margin-left:1rem;
    display: inline-block;
}
.user .avatar img {
    max-width: 2.5rem;
}
.user .header>p{
	border-bottom:1px solid #2698df;
	line-height: 3rem;
}
.user .header table{
	padding: 0 1rem 1rem;
	width:100%;
	line-height:2.4rem;
	font-size:1.2rem;
}
.user .header table tr:nth-child(2) td{
	padding-top:.5rem;
}
.user .fpl_ct{
	width: 120%;
	height:5rem;
	line-height:6rem;
}
.user .fpl_ct2 .money{
	vertical-align: bottom;
}
.user td{
	overflow: hidden;
}
.user .discrip{
	font-size: 0.8rem;
    line-height: 1rem;
}
.user .header .percent{
	font-size:3rem;
	padding-left:1rem;
	vertical-align: middle;
}
.user .header .money{
	font-size:2rem;	
	padding-left:1rem;
}
.user .content{
	padding:1rem;
}
.user .icon-ct{
	width:8rem;
	height:8rem;
	border-radius:50%;
	margin:1rem auto;
	overflow:auto;
	position: relative;
	background-color:#2a335c;
}
.icon-ct .icon{
	display:block;
	height: 4.5rem;/*4rem;*/
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform:translate(-50%, -50%);
    width: 5rem;
    background-size: 100% auto;
}
.icon-ticket {
	background:rgba(0, 0, 0, 0) url("img/icon-ticket.png") no-repeat scroll 0 center / 100% auto;
}
.icon-ct .icon-password {
	background:rgba(0, 0, 0, 0) url("img/icon-password.png") no-repeat scroll center center / auto 100%;
}
.icon-person{
	background-position: 0 -34.5rem;
}
.icon-orderHistory{
	background-position: 0 -39rem;
}
.icon-detail{
	background:rgba(0, 0, 0, 0) url("img/icon-detail.png") no-repeat scroll 0 center / 100% auto;
}
.icon-ct .icon-share{
	background:rgba(0, 0, 0, 0) url("img/icon-share.png") no-repeat scroll 0 center / auto 100%;
}
.icon-order{
	background-position: 0 -48rem;
}
.icon-oldHistory{
	background-position: 0 -52.7rem;
}
.icon-card{
	background-position: 0 -57.3rem;
}
.icon-logout{
	background:rgba(0, 0, 0, 0) url("img/icon-logout.png") no-repeat scroll 0 center / 100% auto;
}
/**user end*/
.nav{
	padding:1.5rem 1rem;
}
.nav a{
	background:#2a335c;
    width:95%;
	border-radius: 0.2rem;
    display: inline-block;
    font-size: 1.2rem;
    line-height: 3rem;
}
.nav a.selected{
   background:#007bc8
}
.ticket-nav{
	border-bottom: 1px solid #565864;
	padding:1.5rem 1rem;
}
.ticket-nav a{
	background:#2a335c;
    width:95%;
	border-radius: 0.2rem;
    display: inline-block;
    font-size: 1.2rem;
    line-height: 3rem;
}
.ticket-nav a.selected{
   background:#007bc8
}
.ticket-list li{
	float:left;
	width:50%;
	position: relative;
}
.ticket-list li img{
	display: block;
    margin: 1rem auto;
    width: 90%;   
}
.ticket-list li p{
	position: absolute;
    top: 50%;
	color:#b00305;
    width:100%;
    text-align:center;
	font-size: 1.2rem;
}
/*ticketend**/
.agent-content,.registe-content {
	padding: 2rem;
	line-height:3rem;
}
.flexForm li{
	padding:1rem 0;
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
	display:flex;
}
.icon2{
	background:url(img/icon2.png) no-repeat scroll 0 0 / auto 100%;
	display: inline-block;
    height: 1.6rem;
    vertical-align: middle;
    width: 1.8rem;
}
.icon2-name{
	background-position: -4rem center;   
}
.icon2-code{
	background-position: -5.8rem center;    
}
.icon2-bank{
	background-position: -9.7rem center;    
}
.icon2-card{
	background-position: -11.8rem center;    
}
.icon2-owner{
	background-position: -7.8rem center;    
}
.icon2-pwd{
	background-position: -1.8rem center;    
}
.agent-content li:nth-child(4){
	padding-top:0;
}
.agent-content li label{
	display: inline-block;
    width: 9rem;
}
.agent-content li:last-child span{
	line-height:2.2rem;
	margin-left: 1rem;
}
.agent-content li input[type="checkbox"]{
	border: 1px solid #fff;
    display: block;
    height: 2rem;
    width: 2rem;
}
.agent-content .small{
	font-size: 0.8rem;
    line-height: 1rem;
    margin-top: -0.5rem;
}
.agent #verifycode{
	vertical-align: bottom;
	margin-left:-1rem;
}
.common-btn{
	background:#26a1ee;
	-webkit-appearance:none;
	padding:.5rem 1rem;
	border:0;
	border-radius:0.2rem;
	color:#fff;
}
.long-btn{
	-webkit-appearance:none;
	margin:2rem auto;
	background:#26a1ee;
	padding:.5rem 0;
	line-height:3rem;
	border-radius:0.2rem;
	border:0;
	font-size:1.4rem;
	width:100%;
	color:#fff;
}
/**agent end**/
.ordersCt .content{
	padding:2rem 1rem;
}
.orderList .total{
	color:#ec8a5d
}
.orderList div.row{
	text-align:left;
	padding:1rem 0;
	border-bottom:1px solid #565864;
}
.orderList div.col p:first-child{
    margin-bottom:.5rem;
}
.orderList .title .btn{
	width:7rem;
}
.orderList .name{
	color:#2496de
}
.orderList p.row{
	text-align:left;
}
.orderList p.row span{
	display:inline-block;
}
.orderList span.size{
	width:33%;
}
.orderList input[type=button]{
	background:#26a1ee;
	border-radius:.2rem;
	padding:1rem 2rem;
	color:#fff;
	font-size: 1.2rem;
    border:0;
}
.order .money .up{
	color:#f7573d
}
.order .money .down{
	color:#29be26
}
/**registe**/
.registe-content li label{
	display:inline-block
}
.registe-content input[type="checkbox"]{
	height:3rem;
	margin-right:1rem;
}
.flexForm .col input[type="text"],.flexForm .col input[type="number"],.flexForm .col input[type="password"],
.flexForm .col input[type="tel"] {
    background: transparent none repeat scroll 0 0;
    border-color: #565864;
    border-image: none;
    border-style: solid;
    border-width: 0 0 1px;
    color: #fff;
    font-size: 1.6rem;
    line-height: 2rem;
    border-radius:0;
    vertical-align: middle;
    width: 100%;
    outline: none;
}
.flexForm .col select{
	width:100%;
	-webkit-appearance: none;
	color: #fff;
	border-color:#565864;
	background-color: #101322;
	border-width:1px;
	font-size: 1.6rem;
	line-height: 2rem;
	outline: none;
}
.flexForm .col input.verifycode{
	vertical-align: bottom;
}
.registe .verifyCt,.regiCard .verifyCt{
	padding-right:1rem;
}
.registe .html_ul{
	padding-bottom:2rem;
}
/*bank card*/
.regiCard-content{
	line-height:3rem;
	padding:0 2rem;
}
.regiCard-content li label{
	display:inline-block
}
.regiCard .html_ul {
    padding-bottom: 2rem;
}
.regiCard li input[type="checkbox"] {
    border: 1px solid #fff;
    display: block;
    height: 2rem;
    width: 2rem;
}
.regiCard li:last-child p{
    line-height: 2.2rem;
    margin-left: 1rem;
    font-size: 1.2rem;
}
.regiCard li:last-child a{
	color:#2492dd;
}
.regiCard .long-btn{
	margin-bottom:0;
}
.regiCard-head{
	height: 5rem;
    margin: 1.5rem;
    text-align: center;
}
.regiCard-head img{
	height:100%;
}
/**card end*/
.firstCardTip img{
   width:14rem;
}
/**couponNone**/
.couponNone img{
   width:14rem;
}
.couponNone{
	color:#9498aa;
}
/**recharge**/
.recharge{
	padding:2rem;
}
.recharge .money{
    color: #28a2ef;
    display: inline-block;
    font-size: 1.8rem;
    margin: 1rem 0 0.2rem;
}
.recharge .banlance{
	border-bottom:1px solid #555861;
}
.recharge-title{
	margin:1rem 0;
}
.recharge-size li{
	float:left;
	width:33.33%;
}
.recharge-size li span{
	border: 1px solid #555861;
    display: block;
    margin: 1rem auto;
    padding: 2rem 0;
    text-align: center;
    width:80%;
}
.recharge-size li span.selected{
	background:#28a2ef
}
.recharge-inputCt{
	margin:1rem 0 4rem;
}
.recharge img{
	margin-right: 1.2rem;
	height: 2rem;
    vertical-align: middle;
}
.recharge-type{
	text-align:left;
	padding: 1rem;
}
.icon3,.weui_check{
	background:url(img/icon3.png) no-repeat
}
.recharge-type .icon3{
	background-size: auto 100%;
    padding-left: 4.5rem;
}
.icon-paytype-H{
	background-position:0 0;
}
.recharge-type .icon-paytype-M{
	background-position: -4.2rem 0;
    padding-left: 3rem;
}
.recharge-type>div:last-child{
	position:relative;
	width:2.1rem;
}
.weui_check{
    visibility: hidden;
    width:2.1rem;
}
.weui_check+label{
	background: rgba(0, 0, 0, 0) url("img/icon3.png") no-repeat scroll -194px 0/auto 30px;
    display: block;
    height: 30px;
    width: 30px;
    cursor: pointer;
}
.weui_check:checked+label{
   background-position: -150px 0;
}
.card{
	background:#1c1f32;
	line-height:2.8rem;
	font-size:1.2rem;
	padding:1rem 2rem;
}
/***/
.cash{
	padding:2rem;
}
.cash .money{
    color: #28a2ef;
    display: inline-block;
    font-size: 1.8rem;
    margin: 1rem 0 0.2rem;
}
.cash .banlance{
	border-bottom:1px solid #555861;
}
.cash-title{
	margin:1rem 0;
}
.cash form{
	padding-top:2rem;
}
.cash form .row{
	line-height:3rem;
	padding:1rem 0;
}
.cash .card{
	margin:1rem 0;
}
.cash-tip{
	font-size:1rem;
}
/**myCard*/
.myCard{
	padding:3rem 2rem;
}
.cardCt{
	position: relative;
	width:100%;
	margin:2rem auto;
}
.cardCt img{
	width:100%;
}
.card-content{
	position: absolute;
    top: 50%;
    left: 26%;
    transform: translateY(-50%);
}
.card-content p:first-child{
	margin-bottom:2rem;
}
.myCard-dialog .dialog p:first-child{
	margin:1rem 0 2rem;
}
.myCard-dialog p.lostPwdCt{
	margin:1rem;
}
.myCard-dialog input[type=password]{
	background: transparent none repeat scroll 0 0;
    border-color: #565864;
    border-image: none;
    border-style: solid;
    border-width: 0 0 1px;
    color: #fff;
    border-radius:0;
    font-size: 1.6rem;
    line-height: 2rem;
    vertical-align: middle;
    width: 100%;
}
/**history-orders*/
.history-orders{
	padding:2rem;
	font-size: 1.2rem;
}
.history-orders .time{
	width:70%;
}
.history-orders .time span{
	font-size:1rem;
}
.history-orders .time input{
    width:45%;
    height:3rem;
    border:1px solid #555861;
    border-width:0 0 1px 0;
    background: transparent;
    color:#fff;
    text-align:center;
    -webkit-text-align:center;
    align-items: center;
    border-radius:0;
    -webkit-appearance: none;
}
.history-orders .search .common-btn{
	margin-left:2rem;
}
.history-orders table.order-list{
	margin-top:2rem;
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}
.history-orders .order-list th{
	height:3rem;
	border-bottom:1px solid #555861;
}
.order-list td{
	text-align:center;
	background:none;
	height: 4rem;
	cursor: pointer;
}
/**history-detail***/
.history-detail{
	padding:1rem;
}
.history-detail li{
	padding: 1rem 0;
	clear:both;
}
.history-detail li label{
	float:left;
}
.history-detail li span{
	float:right;
}
.order-status{
	font-size:4rem;
	color:#26a1ee
}
#stop-dialog .row{
	padding-left:2rem;
}
/**建仓*/
.create{
	padding:2rem 1rem;
}
.create .title{
	height: 3rem;
}
.create .title>div{
	text-align:right;
}
.create .title>div input{
	visibility: hidden;
	position: absolute;
}
.create .title>div label{
	border:1px solid #555861;
	padding: 0.5rem 1.5rem;
}
.create .title>div label.up{
	border-right-width:0;
	margin-left:.5rem;
}
.create .title>div input:checked+label.up{
	background:#ff0101;
}
.create .title>div input:checked+label.down{
	background:#29be26;
}
.border-table{
	border:1px solid #555861;
	border-collapse: collapse;
	text-align:center;
}
.border-table td{
	border-right:1px solid #555861;
	border-bottom:1px solid #555861;
}
.border-table td:last-child{
	border-right:none;
}
.border-table tr:last-child td{
	border-bottom:none;
}
.size-nav{	
	width:60%;	
	line-height:3rem;
	margin:2rem auto;
}
.size-nav td.selected{
	background:#0090f3;
}
.size-list{
	margin:1.5rem 0 .5rem 0;
	line-height:3rem;
	border:1px solid #555861;
	border-width:1px 0 0 1px;
	width:100%;
	text-align:center;
}
.size-list li{
	width:20%;
	border:1px solid #555861;
	border-width:0 1px 1px 0;
	float:left;
}
.size-list li.selected{
	background:#2a335c;
}
.create .tips{
	font-size:1rem;
}
.create .total-price{
	font-size:2rem;
}
.coupon-select{
	margin:1rem 0;
}
.couponBtnCt{
	margin:1rem auto;
}
#couponBtn{
	background: #2a335c;
    border: 0 none;
    border-radius: 0.2rem;
    color: #fff;
    padding: 0.5rem 1rem;;
    border: 0 none;
    border-radius: 2px;
    margin-right:.5rem;
    color: #fff;
    padding: 0.5rem 1.5rem;
}
.coupon-select p label{
	font-size:1.2rem;
}
.coupon-select .border-table{
	width:9rem;
	float:right;
}
.coupon-select .border-table td:first-child,.coupon-select .border-table td:last-child{
	width:2rem;
}
.stop-tips{
	text-indent:4rem;
	margin:.5rem 0 1rem;
}
.row.stop{
	line-height:2.5rem;
	margin-top:1rem;
	font-size: 1.2rem;
}
.border-table.stop{
	width:12rem;
}
.border-table.stop td:first-child,.border-table.stop td:last-child{
	width:3rem;
}
#coupon-dialog .dialog{
	padding:2rem;
}
.dialog .coupon-list li{
	float:left;
	width:45%;
	background:#f4e7b2;
	color:#b00305;
	line-height:4rem;
	margin:1rem 0 1rem 0;
}
.dialog .coupon-list li:nth-child(2n){
	float:right;
}
.dialog .coupon-list li.selected{
	color:#fff;
	background:#b00305;
}
.bigTip{
	background:#0090f3;
	margin:1rem;
}
.col .long-btn{
	width:80%
}
/**funds-flow***/
.funds-flow{
	padding:1rem;
}
.funds-flow #detail-box li{
    border-bottom: 1px solid #c3c3c3;
    height: 5rem;
    font-size:1rem;
    padding-top: 10px;
}
.funds-flow #detail-box li:last-child{
	border:none;
}
.funds-flow #detail-box li .l{
  float: left;
    margin-left: 4%;
    text-align: left;
    width: 40%;
}
.funds-flow #detail-box li .c{
   float: left;
    text-align: center;
    width: 22%;
}
.funds-flow #detail-box li .r{
   float: left;
    text-align: center;
    width: 30%;
}
/**getmoneypwd*/
.getmoneypwd{
	padding:1rem;
}
/**agent**/
.agent{
	padding:0 2rem;
}
.qrcode{
	margin:1rem 0 2rem 0;
	padding:1rem;
}
.qrcode p{
    padding:1rem 0;
}
/**getloginpwd**/
.getloginpwd{
	padding:1rem;
}
#agent ul.nav_list{
	margin-top:3rem;
	line-height:2.4rem;
}
#agent ul.nav_list a{
	display:block;
}
/**customer 客户信息**/
.customer .form{
	margin-bottom:2rem;
}
.customer .form .col{
	padding-right:2rem;
}
.customer .title{
	background:#26a1ee;
	padding:.5rem 1.5rem;
}
.customer .list li{
	padding:1rem;
}
/**佣金分成 time-input-ct**/
.time-input-ct{
	margin:1rem 0 2rem 0;
}
.time-input-ct input{
    align-items: center;
    background: transparent none repeat scroll 0 0;
    border-color: #555861;
    border-image: none;
    border-radius: 0;
    border-style: solid;
    border-width: 0 0 1px;
    color: #fff;
    height: 3rem;
    -webkit-appearance: none;
    text-align: center;
    width: 45%;
}
.time-input-ct span{
    display: inline-block;
    font-size: 1em;
    line-height: 40px;
    text-align: center;
    width: 10%;
}
.commission .t_title{
   background:#26a1ee;
   padding:.5rem 0;
}
.commission .t_title span{
	width:33.33%;
	display: inline-block;
}
.commission .total{
	margin:1rem 0;
}
.commission .total div {
    border-radius: 5px;
    color: #fff;
    float: left;
    text-align: center;
    width: 30%;
}
.commission .total div p{
	line-height:2.4rem;
}
.commission .total .num{
   background:#FD5A40;
}
.commission .total .commission{
   background:#46C9A1;
   margin: 0 5%;
}
.commission .total .divide{
   background:#EE6A2D;
}
.commission .form .col{
	padding-right:2rem;
}
.commission .total-list li{
	padding:1rem;
}
.captcha-img-ct{
	margin:0 1rem;
}
.captcha-img-ct img{height:2rem;}
/**user index*/
.userindex{padding:1rem;}
.user-nav-list {
    padding: 1rem 0;
    position: relative;
}
.user-nav-list::after {
    position: absolute;
    right: 0.2rem;
    top: 50%;
    height: 0.5rem;
    width: 0.5rem;
    content: " ";
    border-color: #fff;
    border-style: solid;
    border-width: 2px 2px 0 0;
    transform: rotate(45deg) translateX(-50%) translateY(-50%);
}
.user-nav-list.selected::after {
    transform: rotate(135deg);
}
.user-nav-list label {
    padding-left: 1rem;
    text-align: left;
}
.userindex-content p:nth-child(2){
	line-height:3rem;
	margin:1rem 0 2rem 0;
}
.userindex-content .avatar img{
	border-radius:50%;
	width:8rem;
}
/*subscribe*/
body.subscribe {
	background:#ff4838;
}
.subscribe .main{
	max-width:750px;
	position:relative;
}
.subscribe .bg{
	width:100%;
}
.subscribe .qrcode-ct{
	position:absolute;
	top:53.1%;
	left:26.5%;
	width:27%;
}
.subscribe .share-qrcode{
	width:100%
}
.loadingCt{
	height:20rem;
	background:url() no-repeat center top;
	-webkit-background-size:auto 1.5rem;
}
.cardQr{
	padding:3px;
	background:#fff;
}
/**分享*/
.share{
	background:#a42304;	
}
.share .main{
	position:relative;
}
.share .bg{
    width:100%;
}
.share .btn-ct{
       position:absolute;
       width:100%;
       height:7%;
       top:71%;
}
.share .qrcode{
      position:absolute;
      width:40%;
      left:30%;
      background:#fff;
      line-height:0;
      padding:3px;
      top:36%;
}
.share button{
    width:40%; 
    height:100%;
    font-size:1.5rem;
    color:#fff;
    margin:0 auto;
    background:url(img/share-bt.png) no-repeat 0 center/100% 100%;
    border:none;
}
.fenxiang{
   position:fixed;
   width:80%;
   top:5px;
   right:25px;
   z-index:10;
}
.fenxiang img{
   width:100%
}
.xieyi,
.rule 
{width:100%;background:#101322;color:#fff;overflow:auto;font-family: "微软雅黑","Microsoft YaHei",SimHei,Helvetica,Arial,SimSun;}
.xieyi .header,
.rule .header
{position: relative; padding-top: 0.4rem; padding-bottom: 0.4rem;height: 3rem;border-bottom: 2px solid #fd732a; text-align: center; }

.xieyi article,
.rule article
{padding:1rem}
.xieyi p ,
.rule p
{line-height: 2rem;margin-bottom: 1rem;text-indent: 2em;}
.xieyi h1,.xieyi h3,.xieyi .h3,
.rule h1,.rule h3,.rule .h3
{margin-bottom: 1.5rem;font-weight: bold;}			
.xieyi h1, 
.rule h1 
{text-align: center;font-size:1.6rem}
.xieyi h3,.xieyi .h3,
.rule h3,.rule .h3
{font-size:1.4rem;}

.xieyi .back,
.rule .back
{
	position: absolute;
	left: 1rem;
	color: #fff;
}
.xieyi .title,
.rule .title
{
	font-size: 1.6rem;
}
